<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="cs" lang="cs">
    <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8" />
        <meta http-equiv="content-language" content="en" />
        <meta name="author" content="Daniel Kloud (coding), Adam Biganovský (design)" />
        <meta name="copyright" content="" />
        <meta name="robots" content="all,follow" />
        <meta name="description" lang="cs" content="" />

        <meta name="description" lang="en" content="" />
        <meta name="keywords" content="" />
        <title>Fibix Studio - Interactive 3D visualizations</title>
        <link rel="stylesheet" type="text/css" href="media/default.css" media="screen" />
        <link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
        <link rel="stylesheet" type="text/css" href="media/easySlide.css" media="screen" />

        <!-- TODO: doplnit meta copyright, description, keywords -->
        <script type="text/javascript" src="js/flowplayer-3.2.0.min.js"></script>
        <script type="text/javascript" src="js/jquery-1.5.2.min.js"></script>
        <script type="text/javascript" src="js/easySlider1.5.js"></script>
        <script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
        <script type="text/javascript">
            $(document).ready(function(){
                $("#slider1").easySlider({
                    controlsShow: false,
                    auto: true,
                    continuous: true

                });
            });
            $(document).ready(function(){
                $("#slider2").easySlider({
                    controlsShow: false,
                    auto: true,
                    continuous: true

                });
            });

            $(document).ready(function() {
                $('#gallery1 a').lightBox();
                //$('a[@rel*=lightbox]').lightBox();    
            });
            $(document).ready(function() {
                $('#gallery2 a').lightBox();
                //$('a[@rel*=lightbox]').lightBox();
            });
        </script>

    </head>
    <body>        
        <h1>Fibix Studio &ndash; Interactive 3D Visuals</h1>

        <div id="header">
            <a href="index.php" id="logo"></a>
            <div id="menu">
                <h2>Main Menu</h2>
                <ul>
                    <li style="display: none;"><a href="index.php">Home</a></li>
                    <li><a href="projects.php">Projects</a></li>

                    <li><a href="technology.php">Technology</a></li>
                    <li><a href="downloads.php">Downloads</a></li>
                    <li><a href="forum" target="blank">Forum</a></li>
                    <li><a href="contacts.php">Contacts</a></li>
                </ul>
            </div>
        </div>

        <!-- CONTENTS START -->

        <div id="contents">
            <div class="boxtop"></div>
            <div class="boxhdr"><h2>Technology</h2></div>
            <div class="boxtxt">

                <div id="boxvid">
                    <a
                        href="admin/form/uploads/video.flv"
                        style="display:block;width:711px;height:350px;"
                        id="player">

                    </a>
                    <script>
                        flowplayer("player", "js/flowplayer-3.2.1.swf");
                    </script>
                    <br /></div>


                <h3>Fibix Framework</h3><p>We use our own technology and custom tools. Our framework consists of three main parts:
                </p><ul>
                    <li>Firebird engine (renderer)</li>
                    <li>FIBIX Editor</li>

                    <li>FIBIX Exporter</li>
                </ul>
                <hr /><h3>Render Engine</h3><p>We use the latest high-end technologies used in computer games to deliver a unique experience of real-time photorealistic graphics. The technologies are developed directly by our studio, eliminating expensive licensing of foreign products and we are thus able to offer very favorable prices. dfgsdgsdfg
                </p><ul>
                    <li>OpenGL 2.0/D3D9 Shader-Pipeline renderer</li>
                    <li>High Dynamic Range rendering</li>
                    <li>Dynamic lighting & shadows</li>

                    <li>Light types: Spot Light, Direction Light, Point Light</li>
                    <li>Cached shadowmaps</li>
                    <li>ShadowMap Settings: User custom modes to setup shadowMap sizes</li>
                    <li>PCF Filtering: User custom modes to setup filtering</li>
                    <li>Realtime unlimited count of planar reflections on solid & transparent surfaces nonrecursive way</li>

                    <li>Dynamically rendered & cached Environmental reflections on all objects in scene</li>
                    <li>Advanced transparent objects rendering support</li>
                    <li>Lot of Low-Level optimizations let's us render on older HW in interactive framerates</li>
                    <li>Tangent space DOT3 Bump mapping</li>
                    <li>Complex material setup</li>

                    <li>Using NVIDIA CG language with effects pipeline</li>
                    <li>Ambient-Occlusion maps</li>
                    <li>HDR lightMaps</li>
                    <li>Lens Flares & glows</li>
                    <li>PostProcess Effects</li>

                    <li>HDR PostProcess Effects (Tone mapping, Vignete, Bloom Effect)</li>
                    <li>Rendering into multiple viewports</li>
                    <li>Rendering into multiple windows</li>
                    <li>2D rendering & fonts</li>
                </ul>
                <ul>
                    <li>Image supported types: TGA, BMP, JPG, DDS (all formats)</li>

                    <li>Mesh supported types: 3DS, DZM</li>
                    <li>Advanced Resource Management</li>
                    <li>Streaming System</li>
                    <li>Property System</li>
                </ul>                 
                <div id="slider1" class="boximg">
                    <ul id="gallery1">
                        <li>
                            <a rel="lightbox" href="Image.php?id=94" >
                                <img src="Image.php?id=94&tn=true" alt="" />
                            </a>
                            <a href="Image.php?id=95" >
                                <img src="Image.php?id=95&tn=true" alt="" />
                            </a>
                            <a href="Image.php?id=235" >
                                <img src="Image.php?id=235&tn=true" alt="" />
                            </a><a href="Image.php?id=97" >
                                <img src="Image.php?id=97&tn=true" alt="" />
                            </a><a href="Image.php?id=98" >
                                <img src="Image.php?id=98&tn=true" alt="" />
                            </a>
                        </li>
                        <li>
                            <a href="Image.php?id=94" >
                                <img src="Image.php?id=94&tn=true" alt="" />
                            </a><a href="Image.php?id=95" >
                                <img src="Image.php?id=95&tn=true" alt="" />
                            </a>
                            <a href="Image.php?id=235" >
                                <img src="Image.php?id=235&tn=true" alt="" />
                            </a>
                            <a href="Image.php?id=97" >
                                <img src="Image.php?id=97&tn=true" alt="" />
                            </a><a href="Image.php?id=98"  >
                                <img src="Image.php?id=98&tn=true" alt="" />
                            </a>
                        </li>
                    </ul>
                </div>
                <br />
            </div>

            <div class="boxhdr"><h2>Editor</h2></div><div class="boxtxt"><p>For our work we use our own tools, including a professional editor. It is used to fine-tune the lighting and scene setting, adjust dynamic objects, animations and interactivity. Using the editor it will be possible to export a scene into a separate application or as a module into a website.

                </p><ul>
                    <li>Docking user environment</li>
                    <li>Plugin architecture</li>
                    <li>Multiple user support</li>

                    <li>Customizable user interface</li>
                    <li>Multiple viewports support</li>

                    <li>Scene preview</li>
                    <li>Animation system – keyed animation, linear/bezier interpolation</li>
                    <li>Interactive objects</li>

                    <li>Undo/redo</li>
                    <li>Material manager</li>
                    <li>WYSIWYG editation</li>

                    <li>Native support of XML format</li>
                    <li>Math specialized for 3D operations</li>
                    <li>Web browsers support – Internet Explorer, Mozilla, Chrome</li>

                    <li>Automatized property system</li>
                    <li>Universal streaming file system</li>
                    <li>GUI library</li>

                    <li>Manual</li>
                </ul>

                <div id="slider2" class="boximg">
                    <ul id="gallery2">
                        <li>
                            <a rel="lightbox" href="Image.php?id=219" >
                                <img src="Image.php?id=219&tn=true" alt="" />
                            </a>
                            <a href="Image.php?id=220" >
                                <img src="Image.php?id=220&tn=true" alt="" />
                            </a>
                            <a href="Image.php?id=235" >
                                <img src="Image.php?id=235&tn=true" alt="" />
                            </a><a href="Image.php?id=97" >
                                <img src="Image.php?id=97&tn=true" alt="" />
                            </a><a href="Image.php?id=98" >
                                <img src="Image.php?id=98&tn=true" alt="" />
                            </a>
                        </li>
                        <li>
                            <a href="Image.php?id=94" >
                                <img src="Image.php?id=94&tn=true" alt="" />
                            </a><a href="Image.php?id=95" >
                                <img src="Image.php?id=95&tn=true" alt="" />
                            </a>
                            <a href="Image.php?id=235" >
                                <img src="Image.php?id=235&tn=true" alt="" />
                            </a>
                            <a href="Image.php?id=97" >
                                <img src="Image.php?id=97&tn=true" alt="" />
                            </a><a href="Image.php?id=98"  >
                                <img src="Image.php?id=98&tn=true" alt="" />
                            </a>
                        </li>
                    </ul>
                </div>


                <br />
                <div id="cleaner"></div>
            </div>

            <div class="boxbtm"></div>
        </div>

        <!-- CONTENTS END -->

        <div id="footer">
            <p><a href="contacts.html">CONTACT US</a> | Copyright &copy; 2011 Fibix Studio. All rights reserved. Created by <a href="http://biganovsky.com" onclick="target='_blank'">TakJakDesign</a>.</p>

        </div>
    </body>
    <script type="text/javascript">
        var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
        document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
    </script>
    <script type="text/javascript">
        try {
            var pageTracker = _gat._getTracker("UA-8933385-1");
            pageTracker._trackPageview();
        } catch(err) {}</script>
</html>